﻿@charset "utf-8";
body { font-family: Tahoma, Helvetica, Arial, Verdana, Sans Serif, "Microsoft YaHei" !important; font-size: 12px; background: #000; color: #787878; background: #fff url(../images/bg.jpg) left top repeat; }
html,body {margin:0;padding:0;}
#wrapper{width:970px; margin:0 auto;}

#content{ text-align:center;}
#content img{ margin-bottom:20px;}
a img{border:0;}

/* header */
#header{ height:135px; }

/* localization */
ul.localization { padding: 10px 0; }
ul.localization li { float: right;  display: block; width: 70px; height: 30px; line-height: 30px; text-align: center; }
ul.localization li.enable { background: #fff url(../images/local_enable_bg.jpg) left top no-repeat; }
ul.localization li.enable a { color: #fff; }
.localization_wrap{ text-align:center;}
.localization_wrap ul li{ float:none; display:inline;height: 30px; line-height: 30px;margin:0 40px;zoom:1;}

/* index */
#welcome{width:600px; height:550px;text-align:center;}
.welcome{width:900px; height:400px; text-align:center;}
.welcome img{position:relative;top:125px;}

/* banner & nav & search*/
.banner { height: 85px; position: relative;}
.banner .logo{ position: relative; left:0; top:-20px;}
ul.nav{ width: 471px;height: 26px; background:url(../images/nav_bg.jpg) top left no-repeat; padding: 3px 5px; float: left; position: absolute; left: 214px; top: 26px;}
ul.nav li{ float:left;display:block;height: 26px; line-height: 26px;margin: 0 8px;}
ul.nav li a{ display:block;color:#fff;}
ul.nav li.current{ float:left;background:url(../images/nav_right.jpg) no-repeat right top;}
ul.nav li.current a{ float:left;display:block;background:url(../images/nav_left.jpg) no-repeat left  top; padding: 0 15px;}
a.how_to_buy {display:block;width: 85px;height: 32px; line-height: 32px; text-align: center; background:url(../images/how_to_buy.jpg) no-repeat left  top; float: left; color: #fff;position: absolute; left: 695px; top: 26px;}
.search { width: 174px; height: 32px;background:url(../images/search_bg.jpg) no-repeat left top; float:left; position: absolute; left: 790px; top: 26px;}
.search input{ background: transparent; width: 120px; margin: 4px 0 0 6px; width:130px; height:21px; line-height:21px; color: #fff;float: left;}
.search a{ display:block; width: 28px;height: 28px;margin: 0 0 0 7px;  float: left;}

/* categories */
.categories_wrapper{position: relative;}
.categories { height: 140px;background:url(../images/categories_bg.jpg) repeat-x left top; overflow: hidden; position: relative;}
.categories ul{position:absolute;left:0;}
.categories ul li { width: 190px;text-align: center; float: left; display:block; }
.categories ul li a { color: #b3b3b3; font-weight:bold; }
.categories ul li a:hover { text-decoration: underline; }
.categories ul li.column { float: left;width: 190px;height: 140px;display: block;}
.categories ul li.column div {height: 30px;line-height: 30px;margin: 10px 0; }
a.categories_prev{ width: 16px;height: 140px; background:url(../images/categories_prev.jpg) no-repeat left top; position: absolute;top: 1px;left:1px; z-index: 999;} 
a.categories_next{ width: 16px;height: 140px; background:url(../images/categories_next.jpg) no-repeat left top; position: absolute;top: 1px; right: 1px;z-index: 9999;} 
a.categories_collapse{ width: 70px;height: 12px; background:url(../images/categories_collapse.jpg) no-repeat left top; position: absolute;bottom: 4px;left: 450px; z-index: 999; text-align:center;} 
a.categories_collapse img{ position: absolute;top: 2px;left:32px;} 

/* brandlogo */
.brandlogo{ padding:3px;background: #0f0f0f;}
.brandlogo div{border: 1px solid #3b3b3b;padding:1px;}

/* gallery */
.gallery { height: 322px; overflow: hidden;  background: #202020;margin-top: 5px;}

/* newproducts */
.newproducts { height: 278px;background: #202020;margin-top: 5px;background:url(../images/newproducts_bg.jpg) no-repeat left top; position: relative;overflow: hidden;}
.newproduct { width: 429px; height: 64px;float: left; padding:13px 20px; }
.newproduct a.pic { display: block;width: 111px; height: 74px; border: 1px solid #202020; float: left; }
.newproduct .info { float: left; width: 300px;margin-left: 15px;}
.newproduct .info a{ color:#fff; font-weight:bold;}
.newproduct .info span.saleprice{ margin-left: 15px; color:red;}
a.newproduct_up { width: 30px; height: 139px;background:url(../images/newproduct_up.jpg) no-repeat left top; position: absolute;top: 0; right: 0;}
a.newproduct_down { width: 30px; height: 139px;background:url(../images/newproduct_down.jpg) no-repeat left top; position: absolute;top: 139px; right: 0;}

/* right newproducts */
.newproducts_title{ height:33px; line-height:33px; padding-left:15px; color:#fff; background:url(../images/newproducts_title_bg.jpg) left top repeat-x;}
.product_right{padding:10px 5px 0 5px;height:100px; }
.product_right .pic{float:left;width:100px; height:100px;text-align: center; text-align:center;overflow:hidden;display: table-cell; vertical-align: middle;background:#373737; }
.product_right .pic *{vertical-align: middle;}
.product_right .pic i{display: inline-block; height: 100%; width: 0px;}
.product_right .pic a{display: inline-block; vertical-align: middle; }
.product_right .info{margin-left:110px;}
.product_right .info span.saleprice{ margin-left: 15px; color:red;}

/* types */
.types { background: #0f0f0f; height: 60px; line-height: 30px; padding: 0 30px;margin-top: 5px; overflow: hidden; }
.types:hover { background: #171717;cursor: pointer; }
.types ul li { margin: 0 10px; display:inline;}

/* productlist */
h1.title { font-size: 24px; font-weight: normal; color: #dcf35e; height: 30px;}
h1.title *{ margin-left: 10px; }
h1.title span{ margin-left: 0; float: left; }
.productlist_wrap{float: left; width: 708px;}
.productlist {  background: #0f0f0f; }
.product { width: 176px; height: 245px; border-right: 1px solid #3b3b3b;border-bottom: 1px solid #3b3b3b; float: left; position: relative;}
.product.last { width: 175px; height: 245px; border-right: 0; }
.product .pic {width: 175px; height: 175px; padding: 1px 0; border-bottom: 1px solid #3b3b3b; text-align: center; text-align:center;overflow:hidden;display: table-cell; vertical-align: middle; background:#373737;}
.product .pic *{vertical-align: middle;}
.product .pic i{display: inline-block; height: 100%; width: 0px;}
.product .pic a{display: inline-block; vertical-align: middle; }
.product .pic .status { position: absolute; top: 1px; right: 1px; }
.product .info { padding: 0 10px; }
.product .info p{ margin:10px auto; }
.product .info span.saleprice{ margin-left: 15px; color:red;}
.price { color: #ffb400; }
.history .pic{width:160px;}

/* product detail */
.product_detail_left{float:left; width:560px;}
.product_detail_left .bigpic_wrap{position:relative;height:500px; }
.product_detail_left .bigpic_wrap a.prev,.product_detail_left .bigpic_wrap  a.next{ display:block;width:20px; height:134px;position:absolute;top:183px; border: 1px solid #3b3b3b;}
.product_detail_left .bigpic_wrap a.prev{ background:#0f0f0f url(../images/gallery_prev.jpg) no-repeat center center;left:0;}
.product_detail_left .bigpic_wrap a.next{ background:#0f0f0f url(../images/gallery_next.jpg) no-repeat center center;right:0;}
.product_detail_left .bigpic_wrap .img_wrap{width:505px;height:500px;position:absolute; left:30px; text-align:center;overflow:hidden;display: table-cell; vertical-align: middle;}
.product_detail_left .bigpic_wrap .img_wrap{display:block;}
.product_detail_left .bigpic_wrap .img_wrap *{vertical-align: middle;}
.product_detail_left .bigpic_wrap .img_wrap span{display: inline-block; height: 100%; width: 1px;}
.product_detail_left .bigpic_wrap .img_wrap a{display: inline-block; vertical-align: middle; position:relative;left:-5px;}
.thumbs .thumb{display:block;width:77px; height:77px; float:left;margin-right:5px;margin-top:5px; cursor:pointer;border:1px solid #3b3b3b;}
.thumbs .thumb.cur{border:1px solid #eee;}
.thumbs .thumb.last{margin-right:0;margin-left:1px;}
.product_detail_right{float:left;width:306px;margin-left:50px;color:#fff;font-size:14px;}
.detail_info{border-bottom:1px dotted #3b3b3b;padding:10px 0;}
.detail_info .price,.product_detail_right .detail_info .saleprice{font-size:20px;}
.detail_info .saleprice{margin-left:5px;}
.detail_info .size,.product_detail_right .detail_info .color{margin-right:5px;}
.detail_info table{width:100%;}
.detail_info table td{padding:5px 0;}

/* buy */
.buy_left{width:250px; float:left;}
.buy_right{margin-left:290px;color:#fff;font-size:14px;}

.error_wrapper{ border:1px solid #f0c36d; background:#f9edbe; padding:10px; display:none; color:#000; margin-bottom:10px;}
.error_wrapper ul{margin:20px;}
.error_wrapper ul,.error_wrapper li{ list-style-type:disc; padding:1px;}

.chk_sizes a.checkbox,.chk_color a.checkbox{display: block;background: #0f0f0f; padding: 5px; border: 1px solid #3d3d3d; color: #eee; float:left;}
.chk_sizes a.checked,.chk_color a.checked{border: 1px solid #814e00; color: #000; background:#ff9503;}

/* article */
.article_left{float:left;width: 254px;}
.article_categories{ background:#0f0f0f; padding:3px;}
.article_category{border-bottom:1px dotted #3b3b3b;height:50px; line-height:50px; font-size:14px; }
.article_right{margin-left:260px;}
.article_content{background:#0f0f0f; padding:30px 20px;color:#fff;}

/* newslist */
.newslist { margin-top:10px; }
.newslist li {padding:0 20px; height:75px; line-height:30px; border-bottom:#3b3b3b 1px dotted; padding:5px 0; }
.newslist li .news{ height:75px;position:relative;}
.newslist li .news .dot{width:530px;}
.newslist li .date{ position:absolute;bottom:0;left:10px;}
.newslist li a{ color:#b3b3b3; font-size:14px; margin-left:10px;}
.newslist li img{ position:relative; /*top:20px;*/}
p.news_title{ font-size:16px; font-weight:bold; text-align:center; color:#b3b3b3;}
.btnback{ font-size:14px; font-weight:bold; color:#b3b3b3;}
.news_content img{width:600px;}

/* news_block */
.news_block{margin-top:5px;padding:5px; background:#202020;}
.news_gallery{width:530px; height:350px; border:1px solid #3b3c37; float:left; position:relative; overflow:hidden;}
.news_gallery ul{position:relative;height:350px;overflow:hidden;}
.news_headline{width:417px;height:350px; float:right;}
.news_headline .item{width:204px;float:left;margin-bottom:5px;overflow:hidden;}
.news_headline .item a span{width:204px; height:14px; display:block; overflow:hidden;}

/* table */
.table {width:100%;}
.table td{padding:5px;}
.table .field{color:#eee;}

/* rightbar */
.rightbar { float: right; width: 254px;background: #0f0f0f; }
.rightbar_innerblock { border-bottom: 1px solid #3b3b3b; padding: 2px;}
.brands,.weibo { border: 1px solid #3b3b3b; }

/* history */
.history { background: #0f0f0f; }
.history .product { width: 160px; height: 230px;}
.history .product.last { width: 163px; height: 230px; border-right: 0; }
.history .product .pic { height: 159px;}

/* payment */
.payment { background: #0f0f0f; padding: 10px 25px; }
.payment p{ margin: 10px; }

/* links */
.links { margin: 30px 0; text-align: center;}
.links a { margin: 0 5px; display: inline-block; border: 3px solid #3d3d3d;}

/* footer */
.footer { text-align: center; margin-bottom: 100px; }

.block { border: 1px solid #3b3b3b; }

/* pager */
.pager{clear:both;}
.pager span{text-align:center;padding:3px 10px; height:20px;background:#0f0f0f; color:#eee;display:-moz-inline-box; display:inline-block; float:left;line-height:20px; margin-right:5px;border:1px solid #0f0f0f;}
.pager span:hover{border:1px solid #3b3b3b;}
.pager span.current{background:#ffb400;}
.pager span a{color:#eee;}
.page-to-go{width:50px;height:24px;line-height:24px;background:#0f0f0f;border:1px solid #3b3b3b;color:#fff;text-align:center;}


/* buttons */
.buttons{display:block;height:63px;line-height:63px; float:left; background: url(../images/btn_bg.jpg) top left repeat-x;}
.buttons b{display:block;height:63px;width:14px; float:left; background: url(../images/btn_left.jpg) top left no-repeat;}
.buttons em{display:block;height:63px;width:14px; float:left; background: url(../images/btn_right.jpg) top left no-repeat;}
.buttons span{display:block;height:63px;padding:0 10px; float:left;font-size:14px; color:#ffb400;}

/* float clearing */
* html .clearfix { height: 1%; overflow: visible; }
* + html .clearfix { min-height: 1%; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; }

/* misc */
.float_l{ float:left;}
.float_r{ float:right;}
.float_r10{ float:right;padding:15px 10px 10px 10px}
.input_wrapper{background:#0f0f0f;float:left;padding: 0 10px;}
input{ background:transparent; border:0; color:#eee; font-family: "Microsoft YaHei" ! important; height:30px;line-height:30px;}
textarea{ background:#0f0f0f; border:0; color:#eee; font-family: "Microsoft YaHei" ! important; padding: 0 5px;}
input.rbtn{width:auto;border:0;}
input.chk{background: none; padding: 0;}
ul, li { list-style-type:none; text-decoration:none; margin:0; padding:0;}
a{ text-decoration:none; color: #787878; cursor: pointer;}
a:hover{ text-decoration:underline;}
a.btn{ display: block; text-align: center;}
a.linkbtn{font-size:18px; font-weight:bold; padding:0 5px; }
.tl{ text-align:left;}
.tc{ text-align:center;}
.tr{ text-align:right;}
span.date{color:#c0c0c0;}
span.author{color:#035795;}
.ads{ margin:10px 0;}
.clear{ clear:both;}
.margin5_tb{ margin-top:5px; margin-bottom:5px;}
.margin5_lr{ margin-left:5px; margin-right:5px;}
.margin10_tb{ margin-top:10px; margin-bottom:10px;}
.margin0{ margin:0;}
.f14{ font-size:14px;}
.quick_links{margin:10px 0;}
.padding3{ padding:3px;}
.padding5{ padding:5px;}
.padding10{ padding:10px;}
.padding20{ padding:20px;}
.padding40{ padding:40px;}
.border_color_cbcbcb{ border-color:#cbcbcb;}
.width_auto{ width:100px;}
.dot{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;}
.hide{ display:none;}
h2{font-size:36px;color:#cc9613; font-weight:normal;margin:0;}



/* color */
.b_202020{ background:#202020;}
.b_0f0f0f{background:#0f0f0f;}
.b_151515{background:#151515;}
.c_ffb400{color:#ffb400;}